<template>
    <div > 

       <!-- <swiper autoplay="true" interval="2000" class="banner"  indicatorDots="true"> -->
         <!-- 轮播图1 -->
      <!-- <swiper-item > -->
       <!-- <slot name="img"> -->
           <!-- <div> -->
               <!-- <img :src="imgurl2" /> -->
               <!-- </div> -->
               
           <!-- </slot>  -->
          
      <!-- </swiper-item> -->
      <!-- 轮播图2 -->
      <!-- <swiper-item> -->
        <!-- <img -->
          <!-- src="https://my-wechatl.oss-cn-beijing.aliyuncs.com/3.png"/> -->
      <!-- </swiper-item> -->
      <!-- 轮播图3 -->
       <!-- <swiper-item> -->
        <!-- <slot name="img2"> -->
           <!-- <div> -->
               <!-- <img :src="imgurl2" /> -->
               <!-- </div> -->
               
           <!-- </slot>  -->
      <!-- </swiper-item> -->
    <!-- </swiper> -->
    
<!-- <div> {{index_src.swsrc}}</div> -->

    <swiper class="banner" indicator-dots="true" autoplay="true" interval="5000" duration="1000">
    <block v-for="(item, index) in index_src"  :key="index" :index_src = 'index_src'>
        <swiper-item  >
            <image  :src='item.swsrc' class="slide-image" mode="aspectFill"/>
            
        </swiper-item>
    </block>
</swiper>

    </div>
  
</template>

<script>

export default {

 
   props: ['index_src'],
 
}
   

</script>

<style lang="scss">

// 轮播图样式
//自适应
.banner{
  height: 300rpx;
}
.banner image{
  width: 100%;
  height: 300rpx;
}
</style>